/**
 * @fileOverview svg容器
 */

module.exports = gg.createClass({
    attributes: {
        x: {
            label: 'x',
            type: 'datatype.Number',
            defaultValue: 0,
            setter: function(v) {
                this.node.attr('x', v);
            },
            getter: function() {
                return this.node.attr('x');
            }
        },
        y: {
            label: 'y',
            type: 'datatype.Number',
            defaultValue: 0,
            setter: function(v) {
                this.node.attr('y', v);
            },
            getter: function() {
                return this.node.attr('y');
            }
        },
        width: {
            label: '宽度',
            type: 'datatype.Number',
            defaultValue: 800,
            setter: function(v) {
                this.node.attr('width', v);
            },
            getter: function() {
                return this.node.attr('width');
            }
        },
        height: {
            label: '高度',
            type: 'datatype.Number',
            defaultValue: 600,
            setter: function(v) {
                this.node.attr('height', v);
            },
            getter: function() {
                return this.node.attr('height');
            }
        }
    },
    methods: {
        /**
         * @override
         */
        createNode: function() {
            return $(this.createElement('rect'));
        }
    },
    events: {}
}, 'ui.svg.Shape', []);